<!DOCTYPE html>
<html>

<head>
    <title>{$page.post_title}</title>
    <meta name="keywords" content="{$page.post_keywords}" />
    <meta name="description" content="{$page.post_excerpt}">
    <include file="public@head" />
    <style>
        #article_content img {
            height: auto !important;
            max-width: 100%;
        }
    </style>
    <hook name="before_head_end" />
</head>

<body class="body-black">
    <include file="public@nav" />
    <notempty name="theme_vars.rental_top_banner">
        <div class="top-banner"><img src="/upload/{$theme_vars.rental_top_banner}"></div>
        <else/>
        <div class="text-center"><b>请在后台设置模版顶部banner图</b></div>
    </notempty>
    <div class="container tc-main">
        <div class="row">
            <div class="article-title">{$page.post_title|default=''}</div>
            <div class="tc-box article-box">
                <div id="article_content">
                    {$page.post_content|default=''}
                </div>
            </div>
        </div>
        <div class="hot-footer">
            <div class="row list-head">
                <div class="news-head-title hot-title">热门推荐</div>
                <div class="refresh hot-footer-refresh">换一批</div>
                <div class="clearboth"></div>
            </div>
            <div class="row" style="margin:0 -30px" id="refresh-box">
                <rental:cars limit="4" order="RAND()">
                    <div class="col-md-3 car-box">
                        <div class="tc-gridbox">
                            <a href="{:cmf_url( 'rental/Car/index',array( 'id'=>$vo.id,'cid'=>$vo.category_id))}">
                                <div class="header">
                                    <div class="item-image">
                                        <present name="vo.more.thumbnail">
                                            <empty name="vo.more.thumbnail">
                                                <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive" alt="">
                                                <else/>
                                                <img src="{:cmf_get_image_url($vo.more.thumbnail)}" class="img-responsive" alt="">
                                            </empty>
                                            <else/>
                                            <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive" alt="">
                                        </present>
                                    </div>
                                    <h3 class="title">
                                        {$vo.title}
                                    </h3>
                                    <div class="title price">
                                        <span class="now-price">一口价：{$vo.primary.price}万</span>&nbsp;&nbsp;&nbsp;<span class="m-price">市场价：{$vo.primary.m_price}万</span>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </rental:cars>
            </div>
            <script type="text/javascript">
                $(function() {
                    var refresh_url = '{:url("rental/Car/refreshAjax")}';
                    $('.hot-footer-refresh').click(function() {
                        $.get(refresh_url, function(result) {
                            // $("#refresh-box").html('');
                            $("#refresh-box").html(result);
                        });
                    });

                });
            </script>
        </div>
    </div>
    <include file="public@footer" />
    <include file="public@scripts" />
    <hook name="before_body_end" />
</body>

</html>